class Map
{
    constructor(elm)
    {
        this.elm = document.querySelector(elm)
        this.bottomObj = document.querySelector('.bottom')
        this.wideth = 1000
        this.height = 600
        this.init()
    }

    init(){
        this.style1()
        this.button()
    }

    style1(){

        this.elm.style.width = `${this.wideth}px`
        this.elm.style.height = `${this.height}px`
        this.elm.style.background = 'black '
        this.elm.style.border = '10px solid rgba(89, 95, 110, 1)'
        this.elm.style.margin = '0 auto'
        this.elm.style.position  = 'relative'

    }
    button(){

        this.bottomObj.style.display = 'flex'
        this.bottomObj.style.justifyContent = ' center'
    }
 
}
export default Map
